<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>商品分类页面</title>
        <link rel="stylesheet" href='css/商品分类样式.css'/>
        <script>
            function ljgm(){
         alert("此商品暂时没有货源");
     }
        </script>
    </head>

    <body>
        <div class=sj>
            <h2 id=q1>手机品牌</h2>
        <div class=oppo> 
            <div class=oppo-sj id=oppo-sj>
            <h2 id=q2>oppo</h2>
            </div>
            <div class=oppo-sj>
            <a href=""><img src=imag/oppo1.jpg></a>
            <h3>oppo A92s</h3>
            <p>￥1198.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=oppo-sj>
                <a href=""><img src=imag/oppo2.jpg></a>
                <h3>OPPO A91轻薄屏幕指纹手机</h3>
                <p>￥1599.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=oppo-sj>
                    <a href=""><img src=imag/oppo3.jpg></a>
                    <h3>OPPO Ace2 eva限定版新款手机</h3>
                 <p>￥3499.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=oppo-sj id=sj>
                    <a href=""><img src=imag/oppo4.jpg></a>
                    <h3>OPPO A11 oppoa11手机新款</h3>
                    <p>￥1099.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=vivo >
            <div class=vivo-sj id=vivo-sj>
            <h2 id=q3>vivo</h2>
            </div>
            <div class=vivo-sj>
            <a href=""><img src=imag/vivo1.jpg></a>
            <h3>vivo S6 5G 新品领券学生新款</h3>
            <p>￥2199.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=vivo-sj>
                <a href=""><img src=imag/vivo2.jpg></a>
                <h3>vivo iQOO Pro 5G高通骁龙</h3>
                <p>￥4288.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=vivo-sj>
                    <a href=""><img src=imag/vivo3.jpg></a>
                    <h3>vivo X27全面屏拍照手机全新</h3>
                 <p>￥2398.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=vivo-sj id=sj>
                    <a href=""><img src=imag/vivo4.jpg></a>
                    <h3>vivo Z5X手机vivoZ5x新款</h3>
                    <p>￥1259.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=hw >
            <div class=hw-sj id=hw-sj>
            <h2 id=q4>华为</h2>
            </div>
            <div class=hw-sj>
            <a href=""><img src=imag/hw1.jpg></a>
            <h3>HUAWEI HUAWEI P30 PRO </h3>
            <p>￥3688.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=hw-sj>
                <a href=""><img src=imag/hw2.jpg></a>
                <h3>华为 nova 7 5G手机新品</h3>
                <p>￥2399.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=hw-sj>
                    <a href=""><img src=imag/hw3.jpg></a>
                    <h3>Huawei/华为畅享10 手机华为</h3>
                 <p>￥999.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=hw-sj id=sj>
                    <a href=""><img src=imag/hw4.jpg></a>
                    <h3> Huawei/华为nova7 SE 5G全网通</h3>
                    <p>￥2399.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=sx>
            <div class=sx-sj id=sx-sj>
            <h2 id=q5>三星</h2>
            </div>
            <div class=sx-sj>
            <a href=""><img src=imag/sx1.jpg></a>
            <h3>三星 Galaxy S20 Ultra 5G</h3>
            <p>￥9999.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=sx-sj>
                <a href=""><img src=imag/sx2.jpg></a>
                <h3>三星 Galaxy A71 5G版(SM)</h3>
                <p>￥3399.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=sx-sj>
                    <a href=""><img src=imag/sx3.jpg></a>
                    <h3>Samsung/三星 Galaxy A50s</h3>
                 <p>￥1799.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=sx-sj id=sj>
                    <a href=""><img src=imag/sx4.jpg></a>
                    <h3>Samsung/三星 Galaxy S20+</h3>
                    <p>￥8399.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=xm>
            <div class=xm-sj id=xm-sj>
            <h2 id=q6>小米</h2>
            </div>
            <div class=xm-sj>
            <a href=""><img src=imag/xm1.jpg></a>
            <h3> 红米K30i 5G全新正品手机</h3>
            <p>￥1459.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=xm-sj>
                <a href=""><img src=imag/xm2.jpg></a>
                <h3>Redmi 10X 5G手机小米旗舰</h3>
                <p>￥1599.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=xm-sj>
                    <a href=""><img src=imag/xm3.jpg></a>
                    <h3>Gionee/金立F40 正品超薄穿孔屏</h3>
                 <p>￥699.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=xm-sj id=sj>
                    <a href=""><img src=imag/xm4.jpg></a>
                    <h3>Xiaomi/小米 Redmi K30 </h3>
                    <p>￥1399.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=pg>
            <div class=pg-sj id=pg-sj>
            <h2 id=q7>iphone</h2>
            </div>
            <div class=pg-sj>
            <a href=""><img src=imag/pg1.jpg></a>
            <h3>Apple/iPhone 11国行原装</h3>
            <p>￥4919.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=pg-sj>
                <a href=""><img src=imag/pg2.jpg></a>
                <h3>Apple/苹果iPhone XS全网通4G</h3>
                <p>￥4049.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=pg-sj>
                    <a href=""><img src=imag/pg3.jpg></a>
                    <h3>Apple/ iPhone 8 Plus 全网通</h3>
                 <p>￥3649.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=pg-sj id=sj>
                    <a href=""><img src=imag/pg4.jpg></a>
                    <h3>苹果11手机Apple/iPhone11</h3>
                    <p>￥5499.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <!--家电-->
        <h2 id=q8>家电</h2>
        <div class=ds>
            <div class=ds-sj id=ds-sj>
            <h2 id=q9>电视</h2>
            </div>
            <div class=ds-sj>
            <a href=""><img src=imag/ds3.jpg></a>
            <h3>Haier/海尔 LE43M31 </h3>
            <p>￥1099.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=ds-sj>
                <a href=""><img src=imag/ds4.png></a>
                <h3>Haier/海尔 LU65C61 </h3>
                <p>￥2999.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=ds-sj>
                    <a href=""><img src=imag/ds5.jpg></a>
                    <h3>Changhong/长虹 55D5P </h3>
                 <p>￥2599.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=ds-sj id=sj>
                    <a href=""><img src=imag/ds6.jpg></a>
                    <h3>Changhong/长虹 39D3F </h3>
                    <p>￥999.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=kt>
            <div class=kt-sj id=kt-sj>
            <h2 id=q10>空调</h2>
            </div>
            <div class=kt-sj>
            <a href=""><img src=imag/kt3.jpg></a>
            <h3>Gree/格力 KFR-35GW/NhPcB1W </h3>
            <p>￥3899.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=kt-sj>
                <a href=""><img src=imag/kt4.jpg></a>
                <h3>Gree/格力 KFR-35GW/NhPbB1W </h3>
                <p>￥3999.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=kt-sj>
                    <a href=""><img src=imag/kt5.jpg></a>
                    <h3>Midea/美的 KFR-26GW/WXAN8A1</h3>
                 <p>￥2299.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=kt-sj id=sj>
                    <a href=""><img src=imag/kt6.jpg></a>
                    <h3>Panasonic/松下 KFR-28GW/SH2-1 </h3>
                    <p>￥2378.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=xyj>
            <div class=xyj-sj id=xyj-sj>
            <h2 id=q11>洗衣机</h2>
            </div>
            <div class=xyj-sj>
            <a href=""><img src=imag/xyj3.jpg></a>
            <h3>Panasonic/松下 XQG100-SD139  </h3>
            <p>￥8498.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=xyj-sj>
                <a href=""><img src=imag/xyj4.jpg></a>
                <h3>SIEMENS/西门子 XQG80-WD12G468 </h3>
                <p>￥2499.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=xyj-sj>
                    <a href=""><img src=imag/xyj5.jpg></a>
                    <h3>Samsung/三星 WD80M4473JW/SC</h3>
                 <p>￥2899.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=xyj-sj id=sj>
                    <a href=""><img src=imag/xyj6.jpg></a>
                    <h3>Leader/统帅 @G1012HB766SU1 </h3>
                    <p>￥4999.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=bx>
            <div class=bx-sj id=bx-sj>
            <h2 id=q12>冰箱</h2>
            </div>
            <div class=bx-sj>
            <a href=""><img src=imag/bx2.jpg></a>
            <h3>Haier/海尔 BCD-451WDEMU1 </h3>
            <p>￥2899.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=bx-sj>
                <a href=""><img src=imag/bx3.jpg></a>
                <h3>Ronshen/容声 BCD-649WD19HPA</h3>
                <p>￥6299.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=bx-sj>
                    <a href=""><img src=imag/bx4.jpg></a>
                    <h3>Midea/美的 BC-93M </h3>
                 <p>￥699.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=bx-sj id=sj>
                    <a href=""><img src=imag/bx5.jpg></a>
                    <h3>Haier/海尔 BCD-531WDVLU1 </h3>
                    <p>￥5399.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=rsh>
            <div class=rsh-sj id=rsh-sj>
            <h2 id=q13>热水壶<h2>
            </div>
            <div class=rsh-sj>
            <a href=""><img src=imag/rsh1.jpg></a>
            <h3>Midea/美的 MK-SP50Colour201</h3>
            <p>￥219.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=rsh-sj>
                <a href=""><img src=imag/rsh2.jpg></a>
                <h3>Midea/美的 MK-HJ1512 </h3>
                <p>￥109.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=rsh-sj>
                    <a href=""><img src=imag/rsh3.jpg></a>
                    <h3>Midea/美的 MK-SH06M102 </h3>
                 <p>￥99.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=rsh-sj id=sj>
                    <a href=""><img src=imag/rsh4.jpg></a>
                    <h3>AUX/奥克斯 HX-8530F  </h3>
                    <p>￥569.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
         <!--衣服-->
         <h2 id=q14>衣服</h2>
         <div class=nz>
             <div class=nz-sj id=nz-sj>
             <h2 id=q15>男装</h2>
             </div>
             <div class=nz-sj>
             <a href=""><img src=imag/nz1.jpg></a>
             <h3>牛仔裤男士夏季薄款潮流宽松直筒休闲</h3>
             <p>￥89.00</p><button onclick="ljgm()">立即购买</button>
             </div>
             <div class=nz-sj>
                 <a href=""><img src=imag/nz2.jpg></a>
                 <h3>短袖t恤套装男士2020新款夏季宽松</h3>
                 <p>￥79.00</p><button onclick="ljgm()">立即购买</button>
                 </div>
             <div class=nz-sj>
                     <a href=""><img src=imag/nz3.jpg></a>
                     <h3>假两件t恤男短袖潮ins港风上衣服百搭</h3>
                  <p>￥48.00</p><button onclick="ljgm()">立即购买</button>
                 </div>
                 <div class=nz-sj id=sj>
                     <a href=""><img src=imag/nz4.jpg></a>
                     <h3>男士外套冬季棉衣男2020新款面包棉袄</h3>
                     <p>￥28.80</p><button onclick="ljgm()">立即购买</button>
                     </div>
         </div>
         <div class=niz>
            <div class=niz-sj id=niz-sj>
            <h2 id=q16>女装</h2>
            </div>
            <div class=niz-sj>
            <a href=""><img src=imag/niz1.jpg></a>
            <h3>花衬衫长袖女装秋装2020年新款潮设计</h3>
            <p>￥79.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=niz-sj>
                <a href=""><img src=imag/niz2.jpg></a>
                <h3>重磅真丝衬衫女2020秋装新款气质套头</h3>
                <p>￥368.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=niz-sj>
                    <a href=""><img src=imag/niz3.jpg></a>
                    <h3>2020年早秋新款女格子衬衫polo衫复</h3>
                 <p>￥158.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=niz-sj id=sj>
                    <a href=""><img src=imag/niz4.jpg></a>
                    <h3>黑色T恤女2020早秋新款时尚洋气休闲</h3>
                    <p>￥79.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=wy>
            <div class=wy-sj id=wy-sj>
            <h2 id=q17>卫衣</h2>
            </div>
            <div class=wy-sj>
            <a href=""><img src=imag/wy1.jpg></a>
            <h3>李宁卫衣男女同款秋冬季长袖圆领情侣款</h3>
            <p>￥159.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=wy-sj>
                <a href=""><img src=imag/wy2.jpg></a>
                <h3>卫衣男潮薄款ins超火cec上衣服男秋季</h3>
                <p>￥49.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=wy-sj>
                    <a href=""><img src=imag/wy3.jpg></a>
                    <h3>MAMC锯齿鲨鱼卫衣男潮ins国潮宽松</h3>
                 <p>￥278.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=wy-sj id=sj>
                    <a href=""><img src=imag/wy4.jpg></a>
                    <h3>连帽短袖卫衣男潮牌学生韩版潮流T恤</h3>
                    <p>￥68.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=cs>
            <div class=cs-sj id=cs-sj>
            <h2 id=q18>衬衫</h2>
            </div>
            <div class=cs-sj>
            <a href=""><img src=imag/cs1.jpg></a>
            <h3>【惠】雅戈尔长袖衬衫秋季新款</h3>
            <p>￥199.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=cs-sj>
                <a href=""><img src=imag/cs2.jpg></a>
                <h3>Romon/罗蒙衬衫男长袖夏季薄款正装</h3>
                <p>￥139.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=cs-sj>
                    <a href=""><img src=imag/cs3.jpg></a>
                    <h3>GXG男装2020夏季热卖款商务休闲基础</h3>
                 <p>￥239.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=cs-sj id=sj>
                    <a href=""><img src=imag/cs4.jpg></a>
                    <h3>GXG男装2020年夏季新品着色档案条纹</h3>
                    <p>￥289.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=nzk>
            <div class=nzk-sj id=nzk-sj>
            <h2 id=q19>牛仔裤</h2>
            </div>
            <div class=nzk-sj>
            <a href=""><img src=imag/nzk1.jpg></a>
            <h3>余文乐工装裤男潮牌宽松大码裤子男韩</h3>
            <p>￥108.00</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=nzk-sj>
                <a href=""><img src=imag/nzk2.jpg></a>
                <h3>【彭于晏同款】Lee商场同款101+精玉</h3>
                <p>￥699.00</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=nzk-sj>
                    <a href=""><img src=imag/nzk3.jpg></a>
                    <h3>GXG男装2020年夏季新品浅蓝色直筒宽</h3>
                 <p>￥319.00</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=nzk-sj id=sj>
                    <a href=""><img src=imag/nzk4.jpg></a>
                    <h3>夏季修身小脚直筒九分裤男韩版潮流休</h3>
                    <p>￥99.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <h2 id=q20>特产</h2>
         <div class=hn>
             <div class=hn-sj id=hn-sj>
             <h2 id=q21>海南</h2>
             </div>
             <div class=hn-sj>
             <a href=""><img src=imag/hn1.jpg></a>
             <h3>南国海南特产香脆椰子片干脆片60gx5</h3>
             <p>￥29.90</p><button onclick="ljgm()">立即购买</button>
             </div>
             <div class=hn-sj>
                 <a href=""><img src=imag/hn2.jpg></a>
                 <h3>南国食品旗舰店纯椰子粉320gx2袋装 </h3>
                 <p>￥59.90</p><button onclick="ljgm()">立即购买</button>
                 </div>
             <div class=hn-sj>
                     <a href=""><img src=imag/hn3.jpg></a>
                     <h3>送开椰器 海南椰青新鲜特产椰子9个装</h3>
                  <p>￥69.90</p><button onclick="ljgm()">立即购买</button>
                 </div>
                 <div class=hn-sj id=sj>
                     <a href=""><img src=imag/hn4.jpg></a>
                     <h3>海南特产黄肉菠萝蜜15-40斤新鲜</h3>
                     <p>￥76.80</p><button onclick="ljgm()">立即购买</button>
                     </div>
         </div>
         <div class=yn>
            <div class=yn-sj id=yn-sj>
            <h2 id=q22>云南</h2>
            </div>
            <div class=yn-sj>
            <a href=""><img src=imag/yn1.jpg></a>
            <h3>猫哆哩零食大礼包云南特产甜酸角糕果</h3>
            <p>￥54.90</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=yn-sj>
                <a href=""><img src=imag/yn2.jpg></a>
                <h3>紫米墨江紫糯米新米黑米糯米云南特产 </h3>
                <p>￥28.90</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=yn-sj>
                    <a href=""><img src=imag/yn3.jpg></a>
                    <h3>傣旺小锤木棰干巴500g云南特产</h3>
                 <p>￥149.90</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=yn-sj id=sj>
                    <a href=""><img src=imag/yn4.jpg></a>
                    <h3>菌益 羊肚菌干货50g云南特产野生食用</h3>
                    <p>￥69.00</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=xj>
            <div class=xj-sj id=xj-sj>
            <h2 id=q23>新疆</h2>
            </div>
            <div class=xj-sj>
            <a href=""><img src=imag/xj1.jpg></a>
            <h3>新疆特产特级超大免洗即食葡萄干</h3>
            <p>￥8.90</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=xj-sj>
                <a href=""><img src=imag/xj2.jpg></a>
                <h3>【好想你和田大红枣】新疆特产骏枣胡 </h3>
                <p>￥46.90</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=xj-sj>
                    <a href=""><img src=imag/xj3.jpg></a>
                    <h3>卡滋乐 无花果干1000g新疆特产无花果</h3>
                 <p>￥22.90</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=xj-sj id=sj>
                    <a href=""><img src=imag/xj4.jpg></a>
                    <h3>新疆西域春奶啤300ml*24罐乳酸菌饮料</h3>
                    <p>￥9.90</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        <div class=cq>
            <div class=cq-sj id=cq-sj>
            <h2 id=q24>重庆</h2>
            </div>
            <div class=cq-sj>
            <a href=""><img src=imag/cq1.jpg></a>
            <h3>重庆桥头排骨家用香辣粉蒸肉调料220g</h3>
            <p>￥26.80</p><button onclick="ljgm()">立即购买</button>
            </div>
            <div class=cq-sj>
                <a href=""><img src=imag/cq2.jpg></a>
                <h3>重庆特产桥头火锅底料小包装一人份 </h3>
                <p>￥24.80</p><button onclick="ljgm()">立即购买</button>
                </div>
            <div class=cq-sj>
                    <a href=""><img src=imag/cq3.jpg></a>
                    <h3>良品铺子麻辣灯影牛肉丝125g重庆特产</h3>
                 <p>￥41.90</p><button onclick="ljgm()">立即购买</button>
                </div>
                <div class=cq-sj id=sj>
                    <a href=""><img src=imag/cq4.jpg></a>
                    <h3>重庆特产有友泡椒凤爪椒香味鸡爪酸菜</h3>
                    <p>￥37.50</p><button onclick="ljgm()">立即购买</button>
                    </div>
        </div>
        </div>
    </body>
</html>